<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>modifier_Swiper2|Swiper中文网</title>
<meta name="keywords" content="modifier,Swiper,option,选项" />
<meta name="description" content="depth和rotate和stretch的倍率，相当于depth*modifier、rotate*modifier、stretch*modifier，值越大这三个参数的效果越明显。 该参数为 Swiper 3D flow插件 参数，使用前需先加载插件。" />
<link href="../../../../dist/css/idangerous.swiper.css" rel="stylesheet" type="text/css" />
<script src="../../../../demo/js/jquery-1.10.1.min.js"></script> 
<script src="../../../../dist/js/idangerous.swiper.min.js"></script> 
<link href="../../../../templets/default/style/base.css" rel="stylesheet" media="screen" type="text/css" />
<link href="../../../../templets/default/style/layout.css" rel="stylesheet" media="screen" type="text/css" />
<link rel="stylesheet" href="../../../../templets/default/style/highlight.css">
<link rel="stylesheet" href="../../../../templets/default/style/xcode.css">
<script src="../../../../templets/default/js/highlight.pack.js"></script>

<script>hljs.initHighlightingOnLoad();</script>
<link rel="shortcut icon" href="../../../../templets/default/images/favicon.png"/>
</head>
<body>

<div id="header"><div class="inner">
<ul id="nav">
<li id="logo"><a href="../../../../2-swiper-com-cn.html">Swiper中文网</a></li>
<li><a href="../../../../2-swiper-com-cn.html">首页</a></li>
<li class="sub" onmouseover="display(this)" onmouseout="ndisplay(this)"><a href="#">在线演示</a> 
<ul>
<li><a href="../../../../demo/index.html">Swiper演示</a> </li>
<li><a href="../../../../demo/smooth/index.html">Swiper Smooth Progress插件演示</a> </li>
<li><a href="../../../../demo/3dflow/index.html">Swiper 3D flow插件演示</a> </li>
<li><a href="../../../../demo/scrollbar/index.html">Swiper Scrollbar插件演示</a> </li>
<li><a href="../../../../demo/senior/index.html">实际应用演示</a> </li>
</ul>
</li>
<li class="sub" onmouseover="display(this)" onmouseout="ndisplay(this)"><a href="#">中文教程</a>
<ul>
<li><a href="../../../../usage/index.html">Swiper使用方法</a> </li>
<li><a href="../../../../usage/smooth/index.html">Swiper Smooth Progress使用方法</a> </li>
<li><a href="../../../../usage/3dflow/index.html">Swiper 3D flow使用方法</a> </li>
<li><a href="../../../../usage/scrollbar/index.html">Swiper Scrollbar使用方法</a> </li>
</ul>
</li>
<li><a href="../../../index.html">API 文档</a> </li>
<li><a href="../../../../download/index.html">下载Swiper</a>  </li>
<li><a href="../../../../about/index.html">关于Swiper</a></li>
<li><a href="../../../../http--www.swiper.com.cn/www-swiper-com-cn.html">Swiper3</a></li>
</ul>
<div class="search" id="search">
      <form  name="formsearch" action="http://2.swiper.com.cn/plus/search.php">
        <div class="form">
           <input type="hidden" name="kwtype" value="0" />
           <input name="q" type="text" class="search-keyword" id="search-keyword" value="搜索参数" onfocus="if(this.value=='搜索参数'){this.value='';}"  onblur="if(this.value==''){this.value='搜索参数';}" />
          <button type="submit" class="search-submit">搜索</button>
        </div>
        </form>
        
    </div>
</div></div>
<div id="api" class="full">
<div id="aside">
<div class="top">
<h2>配置选项</h2>
<p><span style="background:#FF0;">Swiper2.x</span>的全部配置选项、方法、函数</p>
</div>
<dl>
<dt><a href="#">Swiper初始化</a></dt>
<dd class='article140'><a class="option" href='../../../start/2014/1218/140.html'>new Swiper(container,options)</a></dd>
</dl>
<dl>
<dt><a href="#">Basic（Swiper基础选项）</a></dt>
<dd class='article16'><a class="option" href='../../../basic/2014/1213/16.html'>autoplay</a><span class="value">:<span class='hljs-number'><q>0</q></span></span></dd><dd class='article17'><a class="option" href='../../../basic/2014/1213/17.html'>speed</a><span class="value">:<span class='hljs-number'><q>300</q></span></span></dd><dd class='article18'><a class="option" href='../../../basic/2014/1213/18.html'>eventTarget</a><span class="value">:<span class='hljs-string'><q>wrapper</q></span></span></dd><dd class='article19'><a class="option" href='../../../basic/2014/1215/19.html'>autoplayDisableOnInteraction</a><span class="value">:<span class='hljs-literal'><q>true</q></span></span></dd><dd class='article20'><a class="option" href='../../../basic/2014/1215/20.html'>autoplayStopOnLast</a><span class="value">:<span class='hljs-literal'><q>false</q></span></span></dd><dd class='article21'><a class="option" href='../../../basic/2014/1215/21.html'>mode</a><span class="value">:<span class='hljs-string'><q>horizontal</q></span></span></dd><dd class='article22'><a class="option" href='../../../basic/2014/1215/22.html'>loop</a><span class="value">:<span class='hljs-literal'><q>false</q></span></span></dd><dd class='article23'><a class="option" href='../../../basic/2014/1215/23.html'>loopAdditionalSlides</a><span class="value">:<span class='hljs-number'><q>0</q></span></span></dd><dd class='article24'><a class="option" href='../../../basic/2014/1215/24.html'>slidesPerView</a><span class="value">:<span class='hljs-number'><q>1</q></span></span></dd><dd class='article25'><a class="option" href='../../../basic/2014/1215/25.html'>loopedSlides</a><span class="value">:<span class='hljs-number'><q>1</q></span></span></dd><dd class='article26'><a class="option" href='../../../basic/2014/1215/26.html'>slidesPerViewFit</a><span class="value">:<span class='hljs-literal'><q>true</q></span></span></dd><dd class='article27'><a class="option" href='../../../basic/2014/1217/27.html'>slidesPerGroup</a><span class="value">:<span class='hljs-number'><q>1</q></span></span></dd><dd class='article28'><a class="option" href='../../../basic/2014/1217/28.html'>calculateHeight</a><span class="value">:<span class='hljs-literal'><q>false</q></span></span></dd><dd class='article29'><a class="option" href='../../../basic/2014/1217/29.html'>roundLengths</a><span class="value">:<span class='hljs-literal'><q>false</q></span></span></dd><dd class='article30'><a class="option" href='../../../basic/2014/1217/30.html'>cssWidthAndHeight</a><span class="value">:<span class='hljs-literal'><q>false</q></span></span></dd><dd class='article31'><a class="option" href='../../../basic/2014/1217/31.html'>updateOnImagesReady</a><span class="value">:<span class='hljs-literal'><q>true</q></span></span></dd><dd class='article32'><a class="option" href='../../../basic/2014/1217/32.html'>releaseFormElements</a><span class="value">:<span class='hljs-literal'><q>true</q></span></span></dd><dd class='article33'><a class="option" href='../../../basic/2014/1217/33.html'>watchActiveIndex</a><span class="value">:<span class='hljs-literal'><q>false</q></span></span></dd><dd class='article34'><a class="option" href='../../../basic/2014/1217/34.html'>visibilityFullFit</a><span class="value">:<span class='hljs-literal'><q>false</q></span></span></dd><dd class='article35'><a class="option" href='../../../basic/2014/1217/35.html'>autoResize</a><span class="value">:<span class='hljs-literal'><q>true</q></span></span></dd><dd class='article36'><a class="option" href='../../../basic/2014/1217/36.html'>resizeReInit</a><span class="value">:<span class='hljs-literal'><q>false</q></span></span></dd><dd class='article37'><a class="option" href='../../../basic/2014/1217/37.html'>DOMAnimation</a><span class="value">:<span class='hljs-literal'><q>true</q></span></span></dd><dd class='article38'><a class="option" href='../../../basic/2014/1217/38.html'>resistance</a><span class="value">:<span class='hljs-literal'><q>true</q></span></span></dd><dd class='article39'><a class="option" href='../../../basic/2014/1217/39.html'>noSwiping</a><span class="value">:<span class='hljs-literal'><q>false</q></span></span></dd><dd class='article40'><a class="option" href='../../../basic/2014/1217/40.html'>preventLinks</a><span class="value">:<span class='hljs-literal'><q>true</q></span></span></dd><dd class='article41'><a class="option" href='../../../basic/2014/1217/41.html'>preventLinksPropagation</a><span class="value">:<span class='hljs-literal'><q>false</q></span></span></dd><dd class='article42'><a class="option" href='../../../basic/2014/1217/42.html'>initialSlide</a><span class="value">:<span class='hljs-number'><q>0</q></span></span></dd><dd class='article43'><a class="option" href='../../../basic/2014/1217/43.html'>useCSS3Transforms</a><span class="value">:<span class='hljs-literal'><q>true</q></span></span></dd></dl>
<dl>
<dt><a href="#">Free Mode （free模式/抵抗反弹）</a></dt>
<dd class='article44'><a class="option" href='../../../freemode/2014/1217/44.html'>freeMode</a><span class="value">:<span class='hljs-literal'><q>false</q></span></span></dd><dd class='article45'><a class="option" href='../../../freemode/2014/1217/45.html'>freeModeFluid</a><span class="value">:<span class='hljs-literal'><q>false</q></span></span></dd><dd class='article46'><a class="option" href='../../../freemode/2014/1217/46.html'>scrollContainer</a><span class="value">:<span class='hljs-literal'><q>false</q></span></span></dd><dd class='article47'><a class="option" href='../../../freemode/2014/1217/47.html'>momentumRatio</a><span class="value">:<span class='hljs-number'><q>1</q></span></span></dd><dd class='article48'><a class="option" href='../../../freemode/2014/1217/48.html'>momentumBounce</a><span class="value">:<span class='hljs-literal'><q>true</q></span></span></dd><dd class='article49'><a class="option" href='../../../freemode/2014/1217/49.html'>momentumBounceRatio</a><span class="value">:<span class='hljs-number'><q>1</q></span></span></dd></dl>
<dl>
<dt><a href="#">Slides offset  (slides位移选项)</a></dt>
<dd class='article50'><a class="option" href='../../../slidesoffset/2014/1217/50.html'>centeredSlides</a><span class="value">:<span class='hljs-literal'><q>false</q></span></span></dd><dd class='article51'><a class="option" href='../../../slidesoffset/2014/1217/51.html'>offsetPxBefore</a><span class="value">:<span class='hljs-number'><q>0</q></span></span></dd><dd class='article52'><a class="option" href='../../../slidesoffset/2014/1217/52.html'>offsetPxAfter</a><span class="value">:<span class='hljs-number'><q>0</q></span></span></dd><dd class='article53'><a class="option" href='../../../slidesoffset/2014/1217/53.html'>offsetSlidesBefore</a><span class="value">:<span class='hljs-number'><q>0</q></span></span></dd><dd class='article54'><a class="option" href='../../../slidesoffset/2014/1217/54.html'>offsetSlidesAfter</a><span class="value">:<span class='hljs-number'><q>0</q></span></span></dd></dl>
<dl>
<dt><a href="#">Touch/mouse interactions (触发Swiper选项)</a></dt>
<dd class='article55'><a class="option" href='../../../touch/2014/1217/55.html'>touchRatio</a><span class="value">:<span class='hljs-number'><q>1</q></span></span></dd><dd class='article56'><a class="option" href='../../../touch/2014/1217/56.html'>simulateTouch</a><span class="value">:<span class='hljs-literal'><q>true</q></span></span></dd><dd class='article57'><a class="option" href='../../../touch/2014/1217/57.html'>onlyExternal</a><span class="value">:<span class='hljs-literal'><q>false</q></span></span></dd><dd class='article58'><a class="option" href='../../../touch/2014/1217/58.html'>followFinger</a><span class="value">:<span class='hljs-literal'><q>true</q></span></span></dd><dd class='article59'><a class="option" href='../../../touch/2014/1217/59.html'>grabCursor</a><span class="value">:<span class='hljs-literal'><q>false</q></span></span></dd><dd class='article60'><a class="option" href='../../../touch/2014/1217/60.html'>shortSwipes</a><span class="value">:<span class='hljs-literal'><q>true</q></span></span></dd><dd class='article61'><a class="option" href='../../../touch/2014/1217/61.html'>longSwipesRatio</a><span class="value">:<span class='hljs-number'><q>0.5</q></span></span></dd><dd class='article62'><a class="option" href='../../../touch/2014/1217/62.html'>moveStartThreshold</a><span class="value">:<span class='hljs-number'><q>false</q></span></span></dd><dd class='article63'><a class="option" href='../../../touch/2014/1217/63.html'>swipeToNext</a><span class="value">:<span class='hljs-literal'><q>true</q></span></span></dd><dd class='article64'><a class="option" href='../../../touch/2014/1217/64.html'>swipeToPrev</a><span class="value">:<span class='hljs-literal'><q>true</q></span></span></dd></dl>
<dl>
<dt><a href="#">Navigation (鼠标、键盘控制选项)</a></dt>
<dd class='article65'><a class="option" href='../../../navigation/2014/1217/65.html'>keyboardControl</a><span class="value">:<span class='hljs-literal'><q>false</q></span></span></dd><dd class='article66'><a class="option" href='../../../navigation/2014/1217/66.html'>mousewheelControl</a><span class="value">:<span class='hljs-literal'><q>false</q></span></span></dd><dd class='article67'><a class="option" href='../../../navigation/2014/1217/67.html'>mousewheelControlForceToAxis</a><span class="value">:<span class='hljs-literal'><q>false</q></span></span></dd></dl>
<dl>
<dt><a href="#">Pagination（分页器选项）</a></dt>
<dd class='article68'><a class="option" href='../../../pagination/2014/1217/68.html'>pagination</a><span class="value">:<span class='hljs-string'><q></q></span></span></dd><dd class='article69'><a class="option" href='../../../pagination/2014/1217/69.html'>paginationClickable</a><span class="value">:<span class='hljs-literal'><q>false</q></span></span></dd><dd class='article70'><a class="option" href='../../../pagination/2014/1217/70.html'>paginationAsRange</a><span class="value">:<span class='hljs-literal'><q>true</q></span></span></dd><dd class='article71'><a class="option" href='../../../pagination/2014/1217/71.html'>createPagination</a><span class="value">:<span class='hljs-literal'><q>true</q></span></span></dd></dl>
<dl>
<dt><a href="#">Namespace （命名空间）</a></dt>
<dd class='article72'><a class="option" href='../../../namespace/2014/1217/72.html'>wrapperClass</a><span class="value namespace">:<span class='hljs-string'><q>swiper-wrapper</q></span></span></dd><dd class='article73'><a class="option" href='../../../namespace/2014/1217/73.html'>slideClass</a><span class="value namespace">:<span class='hljs-string'><q>swiper-slide</q></span></span></dd><dd class='article74'><a class="option" href='../../../namespace/2014/1217/74.html'>slideActiveClass</a><span class="value namespace">:<span class='hljs-string'><q>swiper-slide-active</q></span></span></dd><dd class='article75'><a class="option" href='../../../namespace/2014/1217/75.html'>slideVisibleClass</a><span class="value namespace">:<span class='hljs-string'><q>swiper-slide-visible</q></span></span></dd><dd class='article76'><a class="option" href='../../../namespace/2014/1217/76.html'>slideElement</a><span class="value namespace">:<span class='hljs-string'><q>div</q></span></span></dd><dd class='article77'><a class="option" href='../../../namespace/2014/1217/77.html'>noSwipingClass</a><span class="value namespace">:<span class='hljs-string'><q>swiper-no-swiping</q></span></span></dd><dd class='article78'><a class="option" href='../../../namespace/2014/1217/78.html'>paginationElement</a><span class="value namespace">:<span class='hljs-string'><q>span</q></span></span></dd><dd class='article79'><a class="option" href='../../../namespace/2014/1217/79.html'>paginationElementClass</a><span class="value namespace">:<span class='hljs-string'><q>swiper-pagination-switch</q></span></span></dd><dd class='article80'><a class="option" href='../../../namespace/2014/1217/80.html'>paginationActiveClass</a><span class="value namespace">:<span class='hljs-string'><q>swiper-active-switch</q></span></span></dd><dd class='article81'><a class="option" href='../../../namespace/2014/1217/81.html'>paginationVisibleClass</a><span class="value namespace">:<span class='hljs-string'><q>swiper-visible-switch</q></span></span></dd></dl>
<dl>
<dt><a href="#">Callbacks （回调函数）</a></dt>
<dd class='article137'><a class="option" href='../../../callbacks/2014/1218/137.html'>addCallback:function(){...}</a></dd><dd class='article138'><a class="option" href='../../../callbacks/2014/1218/138.html'>fireCallback:function(){...}</a></dd><dd class='article139'><a class="option" href='../../../callbacks/2014/1218/139.html'>removeCallbacks:function(){...}</a></dd><dd class='article82'><a class="option" href='../../../callbacks/2014/1217/82.html'>queueStartCallbacks:function(){...}</a></dd><dd class='article83'><a class="option" href='../../../callbacks/2014/1217/83.html'>queueEndCallbacks:function(){...}</a></dd><dd class='article84'><a class="option" href='../../../callbacks/2014/1217/84.html'>onFirstInit:function(){...}</a></dd><dd class='article85'><a class="option" href='../../../callbacks/2014/1217/85.html'>onInit:function(){...}</a></dd><dd class='article86'><a class="option" href='../../../callbacks/2014/1217/86.html'>onSwiperCreated:function(){...}</a></dd><dd class='article87'><a class="option" href='../../../callbacks/2014/1217/87.html'>onTouchStart:function(){...}</a></dd><dd class='article88'><a class="option" href='../../../callbacks/2014/1217/88.html'>onTouchMove:function(){...}</a></dd><dd class='article89'><a class="option" href='../../../callbacks/2014/1217/89.html'>onTouchEnd:function(){...}</a></dd><dd class='article90'><a class="option" href='../../../callbacks/2014/1217/90.html'>onSlideReset:function(){...}</a></dd><dd class='article91'><a class="option" href='../../../callbacks/2014/1217/91.html'>onSlideChangeStart:function(){...}</a></dd><dd class='article92'><a class="option" href='../../../callbacks/2014/1217/92.html'>onSlideChangeEnd:function(){...}</a></dd><dd class='article93'><a class="option" href='../../../callbacks/2014/1217/93.html'>onSlideNext:function(){...}</a></dd><dd class='article94'><a class="option" href='../../../callbacks/2014/1217/94.html'>onSlidePrev:function(){...}</a></dd><dd class='article95'><a class="option" href='../../../callbacks/2014/1217/95.html'>onSlideClick:function(){...}</a></dd><dd class='article96'><a class="option" href='../../../callbacks/2014/1217/96.html'>onSlideTouch:function(){...}</a></dd><dd class='article97'><a class="option" href='../../../callbacks/2014/1217/97.html'>onImagesReady:function(){...}</a></dd><dd class='article98'><a class="option" href='../../../callbacks/2014/1217/98.html'>onMomentumBounce:function(){...}</a></dd><dd class='article191'><a class="option" href='../../../callbacks/2017/0102/191.html'>onAutoplayStop:function(){...}</a></dd><dd class='article192'><a class="option" href='../../../callbacks/2017/0102/192.html'>onAutoplayStart:function(){...}</a></dd><dd class='article99'><a class="option" href='../../../callbacks/2014/1217/99.html'>onResistanceBefore:function(){...}</a></dd><dd class='article100'><a class="option" href='../../../callbacks/2014/1217/100.html'>onResistanceAfter:function(){...}</a></dd><dd class='article101'><a class="option" href='../../../callbacks/2014/1217/101.html'>onSetWrapperTransition:function(){...}</a></dd><dd class='article102'><a class="option" href='../../../callbacks/2014/1217/102.html'>onSetWrapperTransform:function(){...}</a></dd>
</dl>


<dl>
<dt><a href="#">Function （Swiper函数）</a></dt>
<dd class='article103'><a class="option" href='../../../function/2014/1218/103.html'>disableMousewheelControl()</a></dd><dd class='article104'><a class="option" href='../../../function/2014/1218/104.html'>enableMousewheelControl()</a></dd><dd class='article105'><a class="option" href='../../../function/2014/1218/105.html'>enableKeyboardControl()</a></dd><dd class='article106'><a class="option" href='../../../function/2014/1218/106.html'>disableKeyboardControl()</a></dd><dd class='article107'><a class="option" href='../../../function/2014/1218/107.html'>swipeNext()</a></dd><dd class='article108'><a class="option" href='../../../function/2014/1218/108.html'>swipePrev()</a></dd><dd class='article109'><a class="option" href='../../../function/2014/1218/109.html'>swipeTo(index,speed,runCallbacks)</a></dd><dd class='article110'><a class="option" href='../../../function/2014/1218/110.html'>activeSlide()</a></dd><dd class='article111'><a class="option" href='../../../function/2014/1218/111.html'>startAutoplay()</a></dd><dd class='article112'><a class="option" href='../../../function/2014/1218/112.html'>stopAutoplay()</a></dd><dd class='article113'><a class="option" href='../../../function/2014/1218/113.html'>destroy(removeResizeEvent)</a></dd><dd class='article114'><a class="option" href='../../../function/2014/1218/114.html'>resizeFix()</a></dd><dd class='article115'><a class="option" href='../../../function/2014/1218/115.html'>reInit()</a></dd><dd class='article116'><a class="option" href='../../../function/2014/1218/116.html'>getWrapperTranslate(axis)</a></dd><dd class='article117'><a class="option" href='../../../function/2014/1218/117.html'>setWrapperTranslate(x,y,z)</a></dd><dd class='article118'><a class="option" href='../../../function/2014/1218/118.html'>wrapperTransitionEnd()</a></dd><dd class='article189'><a class="option" href='../../../function/2015/0213/189.html'>setTransform(instance,Transform)</a></dd><dd class='article190'><a class="option" href='../../../function/2015/0213/190.html'>setTransition(instance,duration)</a></dd>
</dl>
<dl>
<dt><a href="#">Method （Swiper方法）</a></dt>
<dd class='article119'><a class="option" href='../../../method/2014/1218/119.html'>browser.ie10</a></dd><dd class='article120'><a class="option" href='../../../method/2014/1218/120.html'>browser.ie8</a></dd><dd class='article121'><a class="option" href='../../../method/2014/1218/121.html'>support.touch</a></dd><dd class='article122'><a class="option" href='../../../method/2014/1218/122.html'>support.transforms</a></dd><dd class='article123'><a class="option" href='../../../method/2014/1218/123.html'>support.transforms3d</a></dd><dd class='article124'><a class="option" href='../../../method/2014/1218/124.html'>support.transitions</a></dd><dd class='article125'><a class="option" href='../../../method/2014/1218/125.html'>clickedSlideIndex</a></dd><dd class='article126'><a class="option" href='../../../method/2014/1218/126.html'>clickedSlide</a></dd><dd class='article127'><a class="option" href='../../../method/2014/1218/127.html'>activeIndex</a></dd><dd class='article128'><a class="option" href='../../../method/2014/1218/128.html'>activeLoopIndex</a></dd><dd class='article129'><a class="option" href='../../../method/2014/1218/129.html'>activeLoaderIndex</a></dd><dd class='article130'><a class="option" href='../../../method/2014/1218/130.html'>previousIndex</a></dd><dd class='article131'><a class="option" href='../../../method/2014/1218/131.html'>width</a></dd><dd class='article132'><a class="option" href='../../../method/2014/1218/132.html'>height</a></dd><dd class='article133'><a class="option" href='../../../method/2014/1218/133.html'>isTouched</a></dd><dd class='article134'><a class="option" href='../../../method/2014/1218/134.html'>positions</a></dd><dd class='article135'><a class="option" href='../../../method/2014/1218/135.html'>touches</a></dd><dd class='article136'><a class="option" href='../../../method/2014/1218/136.html'>params</a></dd></dl>
<dl>
<dt><a href="#">增加、删除Slide</a></dt>
<dd class='article141'><a class="option" href='../../../swiper-slide/2014/1218/141.html'>createSlide(html,slideClassList,element)</a></dd><dd class='article142'><a class="option" href='../../../swiper-slide/2014/1218/142.html'>slides</a></dd><dd class='article143'><a class="option" href='../../../swiper-slide/2014/1218/143.html'>appendSlide(HTML,slideClassList,element)</a></dd><dd class='article144'><a class="option" href='../../../swiper-slide/2014/1218/144.html'>appendSlide(slideInstance)</a></dd><dd class='article145'><a class="option" href='../../../swiper-slide/2014/1218/145.html'>prependSlide(HTML,slideClassList,element)</a></dd><dd class='article146'><a class="option" href='../../../swiper-slide/2014/1218/146.html'>prependSlide(slideInstance)</a></dd><dd class='article147'><a class="option" href='../../../swiper-slide/2014/1218/147.html'>insertSlideAfter(index,HTML,slideClassList,element)</a></dd><dd class='article148'><a class="option" href='../../../swiper-slide/2014/1218/148.html'>insertSlideAfter(index,slideInstance)</a></dd><dd class='article149'><a class="option" href='../../../swiper-slide/2014/1218/149.html'>removeSlide(index)</a></dd><dd class='article150'><a class="option" href='../../../swiper-slide/2014/1218/150.html'>removeLastSlide()</a></dd><dd class='article151'><a class="option" href='../../../swiper-slide/2014/1218/151.html'>removeAllSlides()</a></dd><dd class='article152'><a class="option" href='../../../swiper-slide/2014/1218/152.html'>getSlide(index)</a></dd><dd class='article153'><a class="option" href='../../../swiper-slide/2014/1218/153.html'>getLastSlide()</a></dd><dd class='article154'><a class="option" href='../../../swiper-slide/2014/1218/154.html'>getFirstSlide()</a></dd>
</dl>
<dl>
<dt><a href="#">控制slide</a></dt>
<dd class='article170'><a class="option" href='../../../newSlide/2014/1221/170.html'>append()</a></dd><dd class='article171'><a class="option" href='../../../newSlide/2014/1221/171.html'>prepend()</a></dd><dd class='article172'><a class="option" href='../../../newSlide/2014/1221/172.html'>remove()</a></dd><dd class='article173'><a class="option" href='../../../newSlide/2014/1221/173.html'>getWidth()</a></dd><dd class='article174'><a class="option" href='../../../newSlide/2014/1221/174.html'>getHeight()</a></dd><dd class='article175'><a class="option" href='../../../newSlide/2014/1221/175.html'>getOffset()</a></dd><dd class='article176'><a class="option" href='../../../newSlide/2014/1221/176.html'>insertAfter(index)</a></dd><dd class='article177'><a class="option" href='../../../newSlide/2014/1221/177.html'>clone()</a></dd></dl>
<dl>
<dt><a href="#">设置slide</a></dt>
<dd class='article163'><a class="option" href='../../../slide/2014/1218/163.html'>html(innerHTML)</a></dd><dd class='article164'><a class="option" href='../../../slide/2014/1218/164.html'>index()</a></dd><dd class='article165'><a class="option" href='../../../slide/2014/1218/165.html'>isActive()</a></dd><dd class='article166'><a class="option" href='../../../slide/2014/1218/166.html'>setData(name,value)</a></dd><dd class='article167'><a class="option" href='../../../slide/2014/1218/167.html'>getData(name)</a></dd><dd class='article168'><a class="option" href='../../../slide/2014/1218/168.html'>data(name,value)</a></dd><dd class='article169'><a class="option" href='../../../slide/2014/1218/169.html'>data(name)</a></dd>
</dl>
<dl>
<dt><a href="#">Swiper 3D flow插件参数</a></dt>
<dd class='article178'><a class="option" href='178.html'>rotate</a></dd><dd class='article179'><a class="option" href='179.html'>stretch</a></dd><dd class='article180'><a class="option" href='180.html'>depth</a></dd><dd class='article181'><a class="option" href='181.html'>modifier</a></dd><dd class='article182'><a class="option" href='182.html'>shadows</a></dd>
</dl>
<dl>
<dt><a href="#">Swiper Scrollbar插件参数</a></dt>
<dd class='article183'><a class="option" href='../../../scrollbar/2015/0204/183.html'>container</a></dd><dd class='article184'><a class="option" href='../../../scrollbar/2015/0205/184.html'>draggable</a></dd><dd class='article185'><a class="option" href='../../../scrollbar/2015/0205/185.html'>hide</a></dd><dd class='article186'><a class="option" href='../../../scrollbar/2015/0205/186.html'>snapOnRelease</a></dd><dd class='article187'><a class="option" href='../../../scrollbar/2015/0205/187.html'>dragSize</a></dd><dd class='article188'><a class="option" href='../../../scrollbar/2015/0205/188.html'>onScrollbarDrag</a></dd>
</dl>
<br /><br />



</div>
<script>
$("#aside dt a").click(function(){
	
	$(this).parent().parent().find("dd").addClass('show');
return false;
	})
</script>

<div id="content"><div class="api-box">
<div class="title">
   <h1>modifier</h1>  
  </div>
  


  <div>depth和rotate和stretch的倍率，相当于depth*modifier、rotate*modifier、stretch*modifier，值越大这三个参数的效果越明显。<br />
该参数为<a href="../../../../usage/3dflow/index.html" target="_blank">Swiper 3D flow插件</a>参数，使用前需先加载插件。</div>



<div style='display:block;'>
<h2>modifier参数</h2>
<dl id="option-value">
<dt>类型：</dt>
<dd>number</dd>
<dt>默认：</dt>
<dd>1</dd>
<dt>举例：</dt>
<dd>
2
</dd>
</dl>
</div>
<div style='display:block;'>
<h2>效果演示</h2>
<p></p>
<div class="swiper-container" id="swiper-container1" style="height:300px;">
	<div class="swiper-wrapper">
		<div class="swiper-slide blue-slide">
			slider1</div>
		<div class="swiper-slide red-slide">
			slider2</div>
		<div class="swiper-slide orange-slide">
			slider3</div>
		<div class="swiper-slide blue-slide">
			slider4</div>
		<div class="swiper-slide red-slide">
			slider5</div>
		<div class="swiper-slide orange-slide">
			slider6</div>
	</div>
</div>
<div class="contrast-value">
	1</div>
<br />
<br />
<div class="swiper-container" id="swiper-container2" style="height:300px;">
	<div class="swiper-wrapper">
		<div class="swiper-slide blue-slide">
			slider1</div>
		<div class="swiper-slide red-slide">
			slider2</div>
		<div class="swiper-slide orange-slide">
			slider3</div>
		<div class="swiper-slide blue-slide">
			slider4</div>
		<div class="swiper-slide red-slide">
			slider5</div>
		<div class="swiper-slide orange-slide">
			slider6</div>
	</div>
</div>
<div class="contrast-value">
	2</div>
<script src="../../../../demo/3dflow/js/idangerous.swiper.3dflow.js"></script>
<link href="../../../../demo/3dflow/css/idangerous.swiper.3dflow.css" rel="stylesheet" />
<script type="text/javascript">
  var mySwiper1 = new Swiper('#swiper-container1',{

	slidesPerView : 3,
	tdFlow: {
rotate : 30,
modifier : 1,
      }
  });
var mySwiper2 = new Swiper('#swiper-container2',{

	slidesPerView : 3,
	tdFlow: {
rotate : 30,
modifier : 2,
      }
  });  
</script>
</div>
<h2>使用方法示例</h2>
<pre  class="code"><code>&lt;script language=&quot;javascript&quot;&gt; 
var mySwiper = new Swiper('.swiper-container',{
      slidesPerView : 3,
      tdFlow: {
          modifier : 2,
      }
  });  
&lt;/script&gt;</code></pre>

<div id="share-and-digg">
<div class="bdsharebuttonbox"><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a></div>



<!-- //顶踩 -->
			<div class="newdigg" id="newdigg">
				<div class="diggbox digg_good" onmousemove="this.style.backgroundPosition='left bottom';" onmouseout="this.style.backgroundPosition='left top';" onclick="javascript:postDigg('good',181)">
					<div class="digg_act">给力</div>
					<div class="digg_num">(6)</div>
				</div>
				<div class="diggbox digg_bad" onmousemove="this.style.backgroundPosition='right bottom';" onmouseout="this.style.backgroundPosition='right top';" onclick="javascript:postDigg('bad',181)">
					<div class="digg_act">不给力</div>
					<div class="digg_num">(0)</div>
				</div>
			</div>
			<!-- //顶踩部份的源码结束 -->
</div>
<div style="margin-left:80px;">
<!--广告位-->

</div>
<div class="original">
<p>转载原创文章请注明：文章转载自：<strong>Swiper中文网</strong> [<a href="../../../../2-swiper-com-cn.html">http://2.swiper.com.cn</a>]<br>
本文地址：<a href="181.html">http://2.swiper.com.cn/api/3dflow/2015/0203/181.html</a><br></p>
</div>
<div class="page-nav">
<a class="pre" href='180.html'>上一篇：depth</a><a class="next" href='182.html'>下一篇：shadows</a> 
</div>

<br><br>




</div></div>


<div id="right-bar">
<div class="adsense">
<script async src="http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- swiper2-API -->
<ins class="adsbygoogle"
     style="display:inline-block;width:160px;height:600px"
     data-ad-client="ca-pub-8527457878009645"
     data-ad-slot="8554741016"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>


<div>&nbsp;</div>
</div>



</div>

<script language="javascript" type="text/javascript" src="../../../../include/dedeajax2.js"></script>
<script language="javascript">
$("#contrast a").click(function(){
$("#contrast a").removeClass('default');
$(this).addClass('default');
return false;
  });
$(".article181").addClass('active');
$(".article181").parent().find("dd").addClass('show');
$(".article181").parent().find("dt").addClass('active');



function postDigg(ftype,aid)
{
	var taget_obj = document.getElementById('newdigg');
	var saveid = GetCookie('diggid');
	if(saveid != null)
	{
		var saveids = saveid.split(',');
		var hasid = false;
		saveid = '';
		j = 1;
		for(i=saveids.length-1;i>=0;i--)
		{
			if(saveids[i]==aid && hasid) continue;
			else {
				if(saveids[i]==aid && !hasid) hasid = true;
				saveid += (saveid=='' ? saveids[i] : ','+saveids[i]);
				j++;
				if(j==20 && hasid) break;
				if(j==19 && !hasid) break;
			}
		}
		if(hasid) {  return; }
		else saveid += ','+aid;
		SetCookie('diggid',saveid,1);
	}
	else
	{
		SetCookie('diggid',aid,1);
	}
	myajax = new DedeAjax(taget_obj,false,false,'','','');
	var url = "/plus/digg_ajax.php?action="+ftype+"&id="+aid;
	myajax.SendGet2(url);
}
function getDigg(aid)
{
	var taget_obj = document.getElementById('newdigg');
	myajax = new DedeAjax(taget_obj,false,false,'','','');
	myajax.SendGet2("/plus/digg_ajax.php?id="+aid);
}
getDigg(181);
</script>

<div id="footer">
  <div class="inner">Copyright © 2015 Swiper中文网,<a href="http://www.miitbeian.gov.cn/" rel="nofollow" style="color:inherit; text-decoration:none;">粤ICP备15001020号</a>, All Rights Reserved。</div>
</div>
<script language="javascript">
function display(li){    
li.className='active';
var subdis=li.getElementsByTagName("ul")[0];    
subdis.style.display="block";    
}
function ndisplay(li){ 
li.className='noactive';   
var subdis=li.getElementsByTagName("ul")[0];        
subdis.style.display="None";    
}</script>

<div style="display:none;">
<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F6387fcb06c7f33ad6787ab913d4e6d10' type='text/javascript'%3E%3C/script%3E"));
</script>
</div>

<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>
</body>
</html>
